/**
 * @description 头部页面的模板数据
 */
const breadcrumbDefaultData = {
  version: '001',
  base: {
    separator: '>',
    icon: 'HomeOutlined',
  },

  css: `
  /* 面包屑样式 */
.ant-breadcrumb {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  background-color: #fff;
  height: 40px;
  border-radius: 4px;
  padding: 0 10px;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;

  ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* 分割符 */
  .ant-breadcrumb-separator {
    margin: 0 8px;
    color: rgba(0, 0, 0, 0.45);
  }


  /* 第一个 */
  a {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    height: auto;
    padding: 0 4px;
    margin: 0;
    display: inline-block;
    border-radius: 4px;
    transition: color 0.2s;

    &:hover {
      color: var(--btn2-bg-color-);
      background-color: rgba(0, 0, 0, 0.06);
    }
  }



  /* 图标 */
  .anticon {
    font-size: inherit;
    color: inherit;
    display: inline-flex;
  }


  /* 最后一个 */
  li:last-child {
    color: rgba(0, 0, 0, 0.88);
  }

}
  `
}

export default breadcrumbDefaultData